<template>
	<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true" class="swiper">
		<swiper-item v-for="(item,index) in swiperList" :key="index">
			<view class="swiper-item">
				<!-- #ifdef H5 -->
				<image :src="`http:${item.image}`" class="swiper-image" :lazy-load="true"></image>
				<!-- #endif -->
				<!-- #ifdef MP-WEIXIN ||APP-PLUS -->
				<image :src="item.image"class="swiper-image" :lazy-load="true"></image>
				<!-- #endif -->
			</view>
		</swiper-item>
	</swiper>
</template>

<script>
	export default{
		props:{
			swiperList:{
				type:Array,
				default:()=>[]
			}
		}
	}
</script>

<style lang="scss">
	.swiper{
		width: 750rpx;
		height: 350rpx;
		.swiper-item{
			width: 100%;
			height: 100%;
			image{
				width: 100%;
				height: 100%;
			}
		}
	}
</style>